<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>订单详情</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/api.css"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/tt.css"/>
    <style>

        .box{
            width:1180px;
            background:rgba(255,255,255,1);
            margin:40px auto;
            padding-top:37px;
            padding-bottom:32px;
        }
        .hidden {
            display: none !important;
        }
        .tit{
            font-size:22px;
            font-weight:600;
            color:rgba(51,51,51,1);
            align-items: center;
            margin-left:40px;
            margin-right:98px;
            margin-bottom:37px;
        }
        .arrow{
            width:20px;
            height:20px;
            margin-right:8px;
        }
        .btn{
            width:64px;
            height:32px;
            background:rgba(250,250,250,1);
            border-radius:4px;
            border:1px solid rgba(221,221,221,1);
            font-size:14px;
            font-weight:400;
            color:rgba(102,102,102,1);
            line-height:32px;
            text-align: center;
        }
        .btn1{
            width:92px;
            height:32px;
            background:rgba(250,250,250,1);
            border-radius:4px;
            border:1px solid rgba(221,221,221,1);
            font-size:14px;
            font-weight:400;
            color:rgba(102,102,102,1);
            line-height:32px;
            text-align: center;
            margin-right: 16px;
        }
        .one{
            align-items: center;
            font-size:14px;
            font-weight:400;
            padding-left:100px;
        }
        .left{
            width:150px;
            color:rgba(102,102,102,1);
        }
        .right{
            width:572px;
            height:54px;
            line-height: 54px;
            color:rgba(51,51,51,1);
            border-bottom:1px solid #EEEEEE;
        }
        .right1{
            padding-left:100px;
        }
        .one1{
            align-items: center;
            font-size:14px;
            font-weight:400;
            padding-left:100px;
            padding:16px 0 16px 100px;
        }
        .imggg{
            width:90px;
            height:90px;
            padding-left:5px;
        }
        .right2{
            padding-left: 129px;
        }
        #order,
        #about,
        #user {
            display: none;
        }
    </style>
</head>
<body>
{include file="public/header"}
<div class="box">
    <div class="tit flex-wrap">
        <img src="__IMG__/left_arrow.png" class="arrow">
        <div class="flex-con">
            订单详情（{$res.order_num}）
            {if $res['order_type']==3}
            <div class="tit5 aui-ellipsis-2">发布中-需调整</div>
            {elseif $res['order_type']==2 /}
            {if $res['order_status']==5}
            <div class="tit5 aui-ellipsis-2">进行中-待装货</div>
            {elseif $res['order_status']==6 /}
            <div class="tit5 aui-ellipsis-2">进行中-运货中</div>
            {elseif $res['order_status']==7||$res['order_status']==8||$res['order_status']==9}
            <div class="tit5 aui-ellipsis-2">待付款</div>
            {else /}
            {if($res['order_true']==3)}
            <div class="tit5 aui-ellipsis-2">询价-待填价</div>
            {else}
            <div class="tit5 aui-ellipsis-2">询价-已填价</div>
            {/if}
            {/if}
            {elseif $res['order_type']==1 /}
            {if $res['order_status']==5}
            <div class="tit5 aui-ellipsis-2">进行中-待装货</div>
            {elseif $res['order_status']==6 /}
            <div class="tit5 aui-ellipsis-2">进行中-运货中</div>
            {elseif $res['order_status']==7||$res['order_status']==8||$res['order_status']==9  /}
            {if $res['jiesuan']==2}
            <div class="tit5 aui-ellipsis-2">已完成</div>
            {else /}
            <div class="tit5 aui-ellipsis-2">待付款</div>
            {/if}
            {else /}
            {if $res['order_status']==1||$res['order_status']==4}
            <div class="tit5 aui-ellipsis-2">发布中-待确认</div>
            {elseif $res['order_status']==2  /}
            <div class="tit5 aui-ellipsis-2">发布中-已确认</div>
            {/if}
            {/if}
            {/if}
        </div>
        <div class="btn1" onclick="location.href='{:url('shop/order/detail1')}?id={$res['order_id']}'">行程实况</div>
        <!--<div class="btn">导出</div>-->
    </div>
    <div class="one flex-wrap">
        <div class="left">出发地详细地址</div>
        <div class="right">{$res.order_go_address}</div>
    </div>
    <!--<div class="one flex-wrap">-->
        <!--<div class="left">目的地</div>-->
        <!--<div class="right">上海</div>-->
    <!--</div>-->
    <div class="one flex-wrap">
        <div class="left">目的地详细地址</div>
        <div class="right">{$res.order_to_address}</div>
    </div>
    <div class="one flex-wrap">
        <div class="left">货物名称</div>
        <div class="right">{$res.order_goods_name}</div>
    </div>
    <div class="one flex-wrap">
        <div class="left">货物单位</div>
        <div class="right flex-wrap">
            <div class="flex-con">{$res.order_goods_ton}吨<span class="right1">{$res['order_goods_m']}立方米</span></div>
            <div class="flex-con">运费金额<span class="right1">¥{$res.order_freight}</span></div>
        </div>
    </div>
    <div class="one flex-wrap">
        <div class="left">支付方式</div>
        {if $res['con_type']==1}
        <div class="right">合同结算</div>
        {elseif($res['con_type']==2) /}
        <div class="right">现结</div>
        {elseif ($res['con_type']==3)  /}
        <div class="right">到付</div>

        {/if}
    </div>
    <div class="one flex-wrap">
        <div class="left">装车时间</div>
        <div class="right">{$res.order_zc_time}</div>
    </div>
    <div class="one flex-wrap">
        <div class="left">装卸类型</div>
        <div class="right flex-wrap">
            <div class="flex-con">{$res.zxlx_name}</div>
            <div class="flex-con">货物类型<span class="right1">{$res.hwlx_name}</span></div>
        </div>
    </div>
    <div class="one flex-wrap">
        <div class="left">车型</div>
        <div class="right flex-wrap">
            <div class="flex-con">{$res.cx_id}</div>
            <div class="flex-con">车长<span class="right1 right2">{$res.order_cc}</span></div>
        </div>
    </div>
    <div class="one flex-wrap">
        <div class="left">备注</div>
        <div class="right">{$res.order_intro}</div>
    </div>
    <div class="one1 flex-wrap">
        <div class="left">货物图片</div>
        {if count($res['img'])>0}
        {foreach name="res['img']" id="vo"}
        <img src="{$res}" class="imggg">
        {/foreach}
        {/if}
    </div>
    <div class="one1 flex-wrap">
        <div class="left">装货照片</div>
        {if count($res['img2'])>0}
        {foreach name="res['img2']" id="vo2"}
        <img src="{$vo2}" class="imggg">
        {/foreach}
        {/if}
    </div>
    <div class="one1 flex-wrap">
        <div class="left">回单图片</div>
        {if count($res['img1'])>0}
        {foreach name="res['img1']" id="vo1"}
        <img src="{$vo1}" class="imggg">
        {/foreach}
        {/if}
    </div>

</div>
</body>
<script type="text/javascript" src="__SCRIPT__/xydd.js"></script>
<script src="/static/admin/js/jquery.min.js"></script>

<script type="text/javascript">

</script>
</html>
